<template>
    <thead>
        <tr>
            <th class="text-center" width="1%" data-orderable="false">#</th>
            <th v-for="th in tableHead" :key="th.id" class="text-center" :class="th.class">{{th.text}}</th>
            <th class="text-uppercase text-center" data-orderable="false">action</th>
        </tr>
    </thead>
</template>

<script>
    export default {
    	name: 'TableHeader',
        props: {
            tableHead: {type: Array, required: true}
        }
    };
</script>
